<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../fangdajing/iconfont.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/reset.css">
</head>

<body>
    <!-- header -->
    <header>
        <div class="head-con">
            <a class="float_left logo" href="#"><img src="../images/logo.png" alt=""></a>
            <ul class="head-nav float_left">
                <li><a class="active" href="#">首页</a></li>
                <li>
                    <a href="#">推广<img src="../images/xiasanjiao.png" alt=""></a>
                    <ul class="erji-nav">
                        <li>
                            <a class="erji-first" href="#">APP推广</a>
                            <div class="sanjiao"></div>
                        </li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>

                    </ul>
                </li>
                <li>
                    <a href="#">运营<img src="../images/xiasanjiao.png" alt=""></a>
                    <ul class="erji-nav">
                        <li>
                            <a class="erji-first" href="#">APP推广</a>
                            <div class="sanjiao"></div>
                        </li>
                        <li><a href="#">推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>

                    </ul>
                </li>
                <li>
                    <a href="#">营销<img src="../images/xiasanjiao.png" alt=""></a>
                    <ul class="erji-nav">
                        <li>
                            <a class="erji-first" href="#">APP推广</a>
                            <div class="sanjiao"></div>
                        </li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">数据<img src="../images/xiasanjiao.png" alt=""></a>
                    <ul class="erji-nav">
                        <li>
                            <a class="erji-first" href="#">APP推广</a>
                            <div class="sanjiao"></div>
                        </li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">读好书<img src="../images/xiasanjiao.png" alt=""></a>
                    <ul class="erji-nav">
                        <li>
                            <a class="erji-first" href="#">APP推广</a>
                            <div class="sanjiao"></div>
                        </li>
                        <li><a href="#">APP推广</a></li>
                        <li><a href="#">APP推广</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">互联网<img src="../images/xiasanjiao.png" alt=""></a>
                    <ul class="erji-nav">
                        <li>
                            <a class="erji-first" href="#">APP推广</a>
                            <div class="sanjiao"></div>
                        </li>
                    </ul>
                </li>
                <li><a href="#">服务</a></li>
            </ul>
            <div class="head-right float_right">
                <button class="float_left"><i class="iconfont icon-fangdajing"></i></button>
                <a href="#">登录</a>
                <a href="#">注册</a>
                <p class="float_right tougao">投稿</p>
            </div>
        </div>
    </header>
    <!-- main -->
    <main>
        <div class="main-con">
            <div class="main_boxl float_left">
                <div class="banner">
                    <div class="banner_left float_left">
                        <img src="../images/banner.jpg" alt="">
                    </div>
                    <div class="banner_right float_right">
                        <div class="banner_rightblow">
                            <img src="../images/74-480x300.jpg" alt="">
                            <span class="text_ellipsis">新媒体运营：1个公式6大原则做好新媒体内容</span>
                        </div>
                        <div class="banner_rightblow">
                            <img src="../images/12-3-480x300.jpg" alt="">
                            <span class="text_ellipsis">新媒体运营：1个公式6大原则做好新媒体内容</span>
                        </div>
                        <div class="banner_rightblow">
                            <img src="../images/94-2.jpg" alt="">
                            <span class="text_ellipsis">新媒体运营：1个公式6大原则做好新媒体内容</span>
                        </div>

                    </div>
                </div>
                <div class="introduce">
                    <h1><span class="float_left">专题介绍</span><i class="float_right">全部专题</i></h1>
                    <div class="introduce_box">
                        <dl class="introduce_sbox">
                            <dt><img src="../images/apptuiguang.png" alt=""></dt>
                            <dd>APP推广</dd>
                        </dl>
                        <dl class="introduce_sbox">
                            <dt><img src="../images/yunying.png" alt=""></dt>
                            <dd>产品运营</dd>
                        </dl>
                        <dl class="introduce_sbox">
                            <dt><img src="../images/yingxiao.png" alt=""></dt>
                            <dd>品牌营销</dd>
                        </dl>
                        <dl class="introduce_sbox">
                            <dt><img src="../images/wenan.png" alt=""></dt>
                            <dd>文案圈</dd>
                        </dl>
                    </div>
                </div>
                <div class="new"></div>
            </div>
            <div class="main_boxr float_right"></div>
        </div>
    </main>
</body>

</html>